<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Dashboard">
    <meta name="keyword" content="Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">

    <title>DASHGUM - Bootstrap Admin Template</title>

   
	<?php
		echo $this->Html->meta('icon');
		echo $this->Html->css('bootstrap');
		echo $this->Html->css('font-awesome/css/font-awesome');
		echo $this->Html->css('style');
		echo $this->Html->css('style-responsive');
        echo $this->Html->script('jquery'); 
    	echo $this->Html->script('jquery-1.8.3.min'); 
	?>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>
    <div id="login-page">
	  	<div class="container">
			<?php echo $this->Form->create('Usuario', array('class' => 'form-login')); ?>
		        <h2 class="form-login-heading">INGRESAR A SIEMPREGUAPA</h2>
		        <div class="login-wrap">
        			<?php echo $this->Form->input('username', array('class' => 'form-control', 'label' => 'ID usuario', 'autofocus', 'placeholder' => 'ID o numero de telefono')); ?>
		            <br>
        			<?php echo $this->Form->input('password', array('class' => 'form-control', 'placeholder' => 'Contraseña', 'label' => 'Contraseña'));?>
		            <label class="checkbox">
		                <span class="pull-right">
		                    <a data-toggle="modal" href="login.html#myModal"> Olvide mi contraseña</a>
		
		                </span>
		            </label>
		            <!--<button class="btn btn-theme btn-block" href="index.html" type="submit"><i class="fa fa-lock"></i> INGRESAR</button>-->
					<?php echo $this->Form->end(array('label' => 'INGRESAR', 'class' => 'btn btn-theme btn-block')); ?>
		            <hr>
		            
		            <!--<div class="login-social-link centered">
		            <p>or you can sign in via your social network</p>
		                <button class="btn btn-facebook" type="submit"><i class="fa fa-facebook"></i> Facebook</button>
		                <button class="btn btn-twitter" type="submit"><i class="fa fa-twitter"></i> Twitter</button>
		            </div>-->
		            <div class="registration">
		                ¿No tienes una cuenta?<br/>
		                <a class="" href="#">
		                    Crea cuenta
		                </a>
		            </div>
		
		        </div>
		
		          <!-- Modal -->
		          <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="myModal" class="modal fade">

		              <div class="modal-dialog">
		                  <div class="modal-content">
		                      <div class="modal-header">
		                          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		                          <h4 class="modal-title">¿Olvidaste tu contraseña?</h4>
		                      </div>
		                      <div class="modal-body">
		                          <p>Ingresa tu correo o numero de telefono para resetear tu contraseña.</p>
		                          <input type="text" name="email" placeholder="Correo o numero de telefono" autocomplete="off" class="form-control placeholder-no-fix">
		
		                      </div>
		                      <div class="modal-footer">
		                          <button data-dismiss="modal" class="btn btn-default" type="button">Cancelar</button>
		                          <button class="btn btn-theme" type="button">Enviar</button>
		                      </div>
		                  </div>
		              </div>
		          </div>
		          <!-- modal -->
		
		      </form>	  	
	  	
	  	</div>
	  </div>
		<div class="bg-login"></div>
    <!-- js placed at the end of the document so the pages load faster -->
    <?php 
		echo $this->Html->script('jquery');
		echo $this->Html->script('bootstrap.min');
		echo $this->Html->script('jquery.backstretch.min');
     ?>
	<?php echo $this->Session->flash('auth'); ?>
    <script>
        $.backstretch("/siempreguapa-es/img/bg-login.png", {speed: 500});

        function myNavFunction(id) {
		$("#date-popover").hide();
		var nav = $("#" + id).data("navigation");
		var to = $("#" + id).data("to");
		console.log('nav ' + nav + ' to: ' + to.month + '/' + to.year);
	}
    </script>


  </body>
</html>
